<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"
    />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="email=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />

    <meta name="format-detection" content="telephone=no" />
    <meta name="renderer" content="webkit">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>[简历]陈睿敏-网络与新媒体/梅州</title>
    <link rel="shortcut icon" href="assets/images/blue.jpg" type="image/x-icon">
    <link rel="stylesheet" href="assets/css/typo.css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/index.css">

    <script>
        function loading() {
            document.getElementsByClassName('avatar')[0].style.display = 'block';
            document.getElementsByClassName('loading')[0].style.display = 'none';
        }
    </script>

  

    <style>
        html{
            font-family: sans-serif;
        }
        body{
            margin: 0;
        }
        header{
           
            height: 100px;
        }
        h1{
            text-align: center;
            color: white;
            line-height:100px;
            margin:0;
        }
        p{
            font-size:20px ;
            text-align: center;
        }
        article
        .center{
            text-align: center;
            border: 3px ;
            color: #ddd;
        }
        .flex-container{
        display:-webkit-flex;
        display: flex;
        width: 1480px;
        height: 380px;
        }
        .flex-item{
            background-color: whitesmoke;
            width: 480px;
            height: 300px;
            margin: 50px;
        }
       
    
    </style>

</head>

<body>
    <style>
                a:link { 
            color:#FF0000; 
            text-decoration:underline; 
            } 
            a:visited { 
            color:#00FF00; 
            text-decoration:none; 
            } 
            a:hover { 
            color:#000000; 
            text-decoration:none; 
            } 
            a:active { 
            color:#FFFFFF; 
            text-decoration:none; 
            }


    </style>

    <header class="header"></header>

    <article class="container">
        <section class="side" id="side">


            
            <label style="display: none;" onchange="switchFixed()">
                <script type="text/javaScript">
                    function switchFixed(){
                        var value = document.getElementById('side').style.position === 'fixed' ? 'absolute' : 'fixed';
                        document.getElementById('side').style.position = value;
                    }
                </script>
                <input id="cb" type="checkbox">
                <span class="slider round"></span>
            </label>
            <style>
                @media (min-width: 	750px){
                    .switch{position:relative;display:inline-block!important;width:60px;height:34px;}
                    .switch input{display:none;}
                    .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;}
                    .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s;}
                    input:checked + .slider{background-color:#1abc9c;}
                    input:focus + .slider{box-shadow:0 0 1px #1abc9c;}
                    input:checked + .slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px);}.slider.round{border-radius:34px;}
                    .slider.round:before{border-radius:50%;}
                }

                body{
                     background-color: pink;
                }


            </style>
            <!-- 左侧固定开关，记得及时删除这段代码 End-->

            <!-- 个人肖像 -->
            <section class="me">
                <section class="portrait">
                    <div>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                    <!-- 头像照片 -->
                    <img class="avatar" style="display: block;" src="assets/images/head portrait.jpg" onload="loading()">
                    <div class="info">
                    <div class="info-back">
                </section>
                <hgroup>
                <h2 class="name">陈睿敏</h2>
                <h3 class="info-job">网络与新媒体 / 广州</h3>
                </hgroup>
            </section>

            <!-- 基本信息 -->
            <section class="profile info-unit">
                <h2>
                    <i class="fa fa-female" aria-hidden="true" ></i>基本信息</h2>
                <hr/>
                <ul>
                    <li>
                        <label>个人信息</label>
                        <span>陈睿敏 / 女 / 19岁</span>
                    </li>
                    <li>
                        <label>英语水平</label>
                        <span>未考级</span>
                    </li>
                    <li>
                        <label>计算机水平</label>
                        <span>未考级</span>
                    </li>
                </ul>
            </section>

            <!-- 联系方式 -->
            <section class="contact info-unit">
                <h2>
                    <i class="fa fa-phone" aria-hidden="true"></i>联系方式</h2>
                <hr/>
                <ul>
                    <li>
                        <label>手机</label>
                        <a href="tel:15168285219" target="_blank">186-7537-0267</a>
                    </li>
                    <li>
                        <label>邮箱</label>
                        <a href="3207459712@qq.com" target="_blank">3207459712@qq.com</a>
                    </li>
                    <li>
                        <label>Gitee</label>
                        <a href="https://gitee.com/chen-ruimin/resume" target="_blank">chen-ruimin/gitee.com</a>
                    </li>
                </ul>
            </section>

            <!-- 技能点 -->
            <section class="skill info-unit">
                <h2>
                    <i class="fa fa-code" aria-hidden="true"></i>技能点</h2>
                <hr/>
                <ul>
                    <li>
                        <label>HTML</label>
                        <progress value="60" max="100"></progress>
                    </li>
                    <li>
                        <label>CSS</label>
                        <progress value="65" max="100"></progress>
                    </li>
                    <li>
                        <label>JavaScript</label>
                        <progress value="45" max="100"></progress>
                    </li>
                    <li>
                        <label>illustrator</label>
                        <progress value="85" max="100"></progress>
                    </li>
                    <li>
                        <label>Sublime</label>
                        <progress value="70" max="100"></progress>
                    </li>
                    <li>
                        <label>Photoshop</label>
                        <progress value="70" max="100"></progress>
                    </li>

                    <span>
                        <img class="avatar" style="display: block;" src="assets/images/Wechat.jpg" width="300" height="300">
                    </span>
                </ul>
            </section>

            <section class="qrcode info-unit">
                <h2><i class="fa fa-qrcode" aria-hidden="true"></i>二维码</h2>
                <hr/>
                <img src="images/Wechat.jpg" style="width: 100%;" alt="">
            </section>

            <!-- 技术栈 -->
            <!-- <div class="stack info-unit">
                    <h2><i class="fa fa-code" aria-hidden="true"></i>其他</h2>
                    <hr/>
                    <ul>
                        <li>
                            <label>前端</label>
                            <span>React、jQuery、微信小程序、Bootstrap、SASS、LESS</span>
                        </li>
                        <li>
                            <label>后端</label>
                            <span>Node.js、MySQL、MongoDB、WordPress、ThinkPHP</span>
                        </li>
                        <li>
                            <label>其他</label>
                            <span>Git、SVN、Markdown</span>
                        </li>
                    </ul>
                </div> -->
        </section>

        <section class="main">

            <!-- 教育经历 -->
            <section class="edu info-unit">
                <h2>
                    <i class="fa fa-graduation-cap" aria-hidden="true"></i>教育经历</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span>齐昌中学 - 高三（2）班（文科）</span>  <a href="https://baike.baidu.com/item/%E5%85%B4%E5%AE%81%E5%B8%82%E9%BD%90%E6%98%8C%E4%B8%AD%E5%AD%A6/49947445?fr=aladdin" >齐昌中学百度链接</a>

                            <time>2017.9-2020.7</time>
                        </h3>
                        <address>
                        感兴趣可以关注 <a href="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzkxNTE2NjkxNg==&scene=124#wechat_redirect">【齐昌中学】</a>公众号.<br> 
                        关注之后可以了解更多<br>
                        </address>
                        <p>专业排名
                            <mark>10/125</mark>，高中在校期间,担任过班级团支书一职。</p>
                    </li>
                    <li>
                        <h3>
                            <span>广州南方学院 - 网络与新媒体专业（本科）</span>
                            <time>2020.9-2024.7</time>
                        </h3>
                        <p>专业排名
                            <mark>12/152</mark>，期间获得三等奖学金1次。</p>
                        <p>成绩保持在专业前10%</p>
                    </li>
                </ul>
            </section>

            <!-- 工作经历 -->
            <section class="work info-unit">
                <h2>
                    <i class="fa fa-shopping-bag" aria-hidden="true"></i>工作经历</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span>[经历1]校团委青媒新闻采编部部长</span>
                            <time>2021.9 至今</time>
                        </h3>
                        <ul class="info-content">
                            <li>参与校团委各种工作任务，负责校团委官方公众号推文撰写。公众号全称为<mark><em>广州南方学院团委</em></mark>主要推文类型为新闻和软文。
                                </li>
                            <li>配合学生会、校青志、校红十字会等部门或组织宣传报道，除此之外，还对青马工程等活动撰写推文及照片拍摄。<a href="https://mp.weixin.qq.com/s/JWxiRVzgdy237-ptFKNyeg" target="_blank">
                                    <i class="fa fa-link" aria-hidden="true"></i>青马工程结营仪式推文</a>
                                。</li>
                            <li>广州南方学院团委还负责每年的
                                <mark>校庆活动</mark>。</li>
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[经历2]校党委采编部干事</span>
                            <time>2020.10-2021.7</time>
                        </h3>
                        <ul class="info-content">
                            <li>参与部门各项采访任务，采访对象主要为全校来自不同年级不同专业获得
                                <mark>国家奖学金获得者</mark>的学长学姐。
                                   </a></li>
                            <li>任务进行时，还有摄制部工作人员负责照片拍摄与视频录制。
                                </li>
                            <li>每一项任务活动结束后都需要合影留念。</li>
                            
                    </li>
                </ul>
            </section>

            <br>

            
           

            <!-- 自我评价 -->
            <section class="work info-unit">
                <h2>
                    

                
                    
                </ul>
            </section>
        </section>
    </article>

    <!-- 个人作品 -->
    <br>
    <article class="container">
        <main class="info-unit main">
            <section class="edu info-unit">
                <h2>
                    <i class="fa fa-graduation-cap" aria-hidden="true"></i>个人作品</h2>
                <hr/>
                    <ul>
                        <li>
                        <h3>
                            <span>[作品1]
                            </span>
                            <span class="link">
                                <a href="#" target="_blank">近期作品</a>
                            </span>
                            <time>2021.4</time>
                        </h3>
                        <ul class="info-content">
                            <li>“开卷有益，知之行之”征文比赛<em>二等奖</em></li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                主要内容为书籍读后感，字数要求为1200-2000字。
                                <br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                《文化苦旅》一书分为四个篇章
                                <br>
                                <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
                                经历比赛过后最终获得二等奖</li></br>
                        </ul>
                    </li>
                        
                           <li>
                        <h3>
                            <span>[作品2]党支部推文排版</span>
                            <span class="link">
                                <a href="#" target="_blank">近期工作</a>
                            </span>
                            <time>2021.11.15</time>
                        </h3>
                        <ul class="info-content">
                            <li>日常工作主要负责文传党支部各种红色文化活动、推文转载。</li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                [排版推文] 主题：“百年奋斗，再启新程”。
                                <a href="https://mp.weixin.qq.com/s/ycJDxuXS8bBYMksk-i50vA" target="_blank">
                                    <i class="fa fa-link" aria-hidden="true"></i>“百年奋斗，再启新程”推文排版作品</a>
                                <br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                [隶属组织]文学与传媒学院新闻网新党支部。
                                <br>
                                <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>文学与传媒学院新闻网新党支部共分为4个组，宣传组主要负责照片拍摄、推文撰写与排版。</br>
                            </li>
                       

                    </ul>
            </section>
            </main>

    <br>

    <article class="container">
        <main class="info-unit main">
            <section class="edu info-unit">
                <h2>
                    <i class="fa fa-graduation-cap" aria-hidden="true"></i>获奖经历</h2>
                <hr/>
                    <ul>
                        
                            <h3>
                                <span>广州南方学院 - 网络与新媒体专业（本科）</span>
                                <time>2020.9至今</time>
                            </h3>
                        <li>    
                            <p>一、2021年3月中山大学南方学院 “秋季晨跑之星”</p>
                        </li>
                        <li>
                                <p>二、2021年4月 “开卷行之”计划读书报告会二等奖</p>
                        </li>
                        <li>
                                <p>三、中山大学南方学院2020-2021年度“优秀共青团员”</p>

                        </li>
                       

                    </ul>
            </section>
            </main>


    <br>

    <article class="container">
        <main class="info-unit main">
             <section class="work info-unit">
                <h2>
                    <i class="fa fa-pencil" aria-hidden="true"></i>运动技能值</h2>
                

                
                    </h2>
              
                <ul>
                    <li>
                        <label>羽毛球</label>
                        <progress value="90" max="100"></progress>
                    </li>
                    <li>
                        <label>乒乓球</label>
                        <progress value="60" max="100"></progress>
                    </li>
                    <li>
                        <label>游泳</label>
                        <progress value="70" max="100"></progress>
                    </li>
                    <li>
                        <label>跑步</label>
                        <progress value="80" max="100"></progress>
                    </li>
                    <li>
                        <label>排球</label>
                        <progress value="50" max="100"></progress>
                    </li>
                </ul>
            </section>
        </section>
            </main>



    

    <!-- 侧栏 -->
    <aside>
        <ul>
            <li>
                <a href="https://gitee.com/itsay/resume" target="_blank">源代码</a>
            </li>
            <li>
                <a href="http://if2er.com/" target="_blank">Blog</a>
            </li>
        </ul>
    </aside>

    <script src="./assets/js/index.js"></script>

    <main>
    <h1 class="name" style="font-size:60px;font-family:楷体;" ><b>个人喜欢图片分享</b></h1>
    

        <article class="flex-container">
            <article class="flex-item"><img src="http://www.infinistudio.cn/ueditor/php/upload/image/20170415/1492266947471542.jpg"style="width:480px;height: 250px;">
                <p>手绘桌面！</p></article> 
            <article  class="flex-item"><img src="http://www.infinistudio.cn/ueditor/php/upload/image/20170504/1493880100119206.jpg"style="width:480px;height: 250px;">
                <p>漫画版的上帝与天使！</p></article>
            
        </article>
      
        <article class="flex-container">
            <article class="flex-item"><img src="http://www.infinistudio.cn/ueditor/php/upload/image/20170307/1488873153568794.jpg"style="width:480px;height: 250px;">
                <p>一大碗的可爱牛肉丸！</p></article> 
            <article  class="flex-item"><img src="http://www.infinistudio.cn/ueditor/php/upload/image/20180102/1514891093336250.jpg"style="width:480px;height: 250px;">
                <p>人生不同阶段的漫画图片！</p></article>
            
        </article>



   


</body>

</html>